<template>
  <div class='message'>
    <Nav/>
    <Tabs class="tab-box" />
    <div class="router-box">
      <router-view />
    </div>
  </div>
</template>
<script>
import Tabs from '@/components/tabs/tabs.vue'
import Nav from './nav/nav.vue'
export default {
  components: {Tabs,Nav},
  name: "",
  data() {
    return {
      
    };
  },
  methods: {},
  created() {},
};
</script>
<style lang="scss" scoped>
.message {
  height: calc(100% - 115px);
  .tab-box{
    box-shadow: 1px 1px 5px 0 #aaa;
  }
  .router-box{
    height: calc(100% - 80px);
  }
}
</style>